<template> 
<!-- 车牌号管理 -->
<div id="app">
   <div>
      <br>
      <form class="form-inline">
        <tr>
          <td>
        <label for="name">&nbsp;车牌号:</label> </td>
         <td><input type="text" class="form-control" id="carNumber"> </td>
        <td>
        <label>开始时间:</label> <td>
        <input type="text" id="demo_datetime" class="form-control"/>
        <i class="glyphicon glyphicon-remove"></i>
      
         <td><label>结束时间:</label> </td>
         <td><input type="text" id="demo_endtime" class="form-control"/> </td>
       <td>
        <button type="button" class="btn btn-primary">查询</button> </td>
        </tr>
         <!-- <label style="text-align: center">总盈利</label>
         <input type="text" class="form-control" id="totalProfit" readonly> -->
                                              
      </form>
    </div>
    <div></div>
    <br>
    <div class="jqGrid_wrapper">
      <table id="table_list_1"></table>
      <div id="pager_list_1"></div>
    </div>
</div>
</template>
<style>
@import '../../../../static/css/ztree/metroStyle.css';
@import '../../../../static/css/time/mobiscroll.custom.min.css';
</style>
<style  scoped>
form div{
  display: initial;
}
i{
  margin: 0px -20px;
}
 ul.ztree {
    margin-top: 10px;
    border: 1px solid #617775;
    background: #f0f6e4;
    width: 210px;
    height: 360px;
    overflow-y: scroll;
    overflow-x: auto;
}
.ztree {
    margin: 0;
    padding: 5px;
    color: #333;
}
  ::-webkit-scrollbar {
            width: 6px;
            /*height: 6px;*/
        }
        /*正常情况下滑块的样式*/
      ::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,.05);
            border-radius: 10px;
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*鼠标悬浮在该类指向的控件上时滑块的样式*/
        :hover::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,.2);
            border-radius: 10px;
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*鼠标悬浮在滑块上时滑块的样式*/
       ::-webkit-scrollbar-thumb:hover {
            background-color: rgba(0,0,0,.4);
            -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
        }
        /*正常时候的主干部分*/
        ::-webkit-scrollbar-track {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
            background-color: white;
        }
        /*鼠标悬浮在滚动条上的主干部分*/
        ::-webkit-scrollbar-track:hover {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.4);
            background-color: rgba(0,0,0,.01);
        }
        #totalProfit{  
      
            width: 80px;
            text-align: center;
    }  

 </style>
<script>
import '../../../../static/js/time/mobiscroll.custom.min.js';
import '../../../../static/js/time/dateTime.js';
import '../../../../static/js/jqgrid/jquery.jqGrid.min.js';
import '../../../../static/js/jqgrid/grid.locale-cn.js';
import  '../../../../static/js/page/Statistics/statistical.js';
//import loading 
 export default { 
    name: 'app', 
    data(){
        return{
         
      }
    },
     mounted(){  
    
    },
    methods:{
    }
}
</script>